*{
    box-sizing: border-box!important;
}
html{
    background: #ffffff;
}

.wrap{
    width: 100%;
    overflow: hidden;
}

.wrap .jfbjWrap{
    width: 100%;
    overflow: hidden;
}

.myRank{
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    font-size: 0.64rem;
    overflow: hidden;
}

.wrap .jfbj{
    width: 100%;
}

.convertList{
    width: 100%;
    border-radius: 1rem 1rem 0 0;
    position: absolute;
    top: 7.8rem;
    left: 0;
    z-index: 111;
    background: #ffffff;
    overflow: hidden;
}

.convertList li{
    width: 100%;
    height: 1.5rem;
    line-height: 1.5rem;
    font-size: 0.64rem;
    color: #000000;
    margin-top: 0.3rem;
    overflow: hidden;
}

.convertList li:nth-child(1),
.convertList li:nth-child(2){
    margin-top: 0;
}

.convertList li:nth-child(1){
    color: #ABABAB;
}

.convertList li .rankName{
    float: left;
    width: 20%;
    text-align: center;
}

.convertList li img{
    width: 1.28rem;
    height: 1.28rem;
    vertical-align: middle;
}

.convertList li .userName{
    float: left;
    width: 60%;
    text-align: left;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.convertList li .userName img{
    border-radius: 50%;
}

.convertList li .userName span{
    vertical-align: middle;
    color: #000000;
    width: 0.45rem;
    margin-left: 0.2rem;
}

.convertList li .integral{
    float: left;
    width: 20%;
}

